---
layout: comments
---
<div class="post">
  {% if site.post.meta.enable %}
  <small class="post-date">
    {% if site.post.meta.date %}
    <i class="fas fa-calendar-day"></i>
    {{ page.date | date_to_string }}
    {% endif %}
    {% if site.post.meta.wordcount.enable %}
    <i class="fas fa-file-word"></i>
    {{ page.content | strip_html | strip_newlines | remove: " " | size }}{{ site.post.meta.wordcount.unit }}
    {% endif %}
    {% if site.post.meta.readtime.enable %}
    <i class="fas fa-coffee"></i>
    {{ page.content | strip_html | strip_newlines | remove: " " | size | divided_by: site.post.meta.readtime.divided_by | plus: 1 }}{{ site.post.meta.readtime.unit }}
    {% endif %}
    {% if site.post.meta.visitor.enable %}
    <span id="{{ page.url }}" class="leancloud-visitors" data-flag-title="{{ page.title }}">
      <i class="far fa-eye"></i>
      <span class="leancloud-visitors-count"></span>{{ site.post.meta.visitor.unit }}
    </span>
    {% endif %}
    {% for node in page.tags %}
    <i class="fas fa-tag"></i>
    {{ node }}
    {% endfor %}
    </br>
    {{ site.post.meta.copyright }}
    {% if page.background_music %}
    <div>
      {{ page.background_music }}
    </div>
    {% endif %}
  </small>
  {% endif %}
  {{ content }}
  {% if site.post.reward.enable %}
  <div class="reward">
    <button id="rewardButton" disable="enable"
      onclick="var qr = document.getElementById('rewardQRs'); qr.style.display = (qr.style.display === 'block') ? 'none' : 'block';">
      {{ site.post.reward.text }}
    </button>
    <table id="rewardQRs">
      <tr>
        {% for node in site.post.reward.img %}
        <td id="{{ node.id }}" class="reward_qr">
          <img id="{{ node.id }}_qr" src="{{ node.src }}" alt="{{ site.author }}{{ node.id }}">
        </td>
        {% endfor %}
      </tr>
    </table>
  </div>
  {% endif %}
</div>
